<template>
	<view class="cu-list menu card-menu margin-tb" >
		<view class="default-item bg-white" @tap="handlejumpClick">	
			<text class="text-darkGray text-sm" :class="{'arrow':arrow}">
				<text class="lg text-orange" :class="'cuIcon-'+icon" style="font-size:30rpx"></text>
				{{text}}
			</text>
		</view>
	</view>
</template>

<script>
export default {
  props:{
    icon:{
      type:String,
      default:'infofill'
    },
    text:{
      type:String,
      default:''
    },
    arrow:{
      type:Boolean,
      default:true
    }
  },
  methods: {
    handlejumpClick () {
      this.$emit('click')
    }
  }
}
</script>
<style lang="less" scope>
@import '@/common/style/main.css';
</style>